<div id="xoview-tip-body-full-height" class="xpage">
    <header class="bar bar-nav">
        
        <a href="#home/list1" data-back="home/list1" class="btn btn-link btn-nav pull-left"><span class="icon icon-left-nav"></span></a>
        <h1 class="title">页面100%高度问题</h1>
    </header>

    <div class="bar bar-standard bar-header-secondary">

        <div class="segmented-control">
            <a class="control-item active">问题描述</a>
            <a class="control-item">环境与频率</a>
            <a class="control-item">解决办法</a>
        </div>

    </div>

    <div class="content">
        <div class="card">
            <div class="control-content sc active">
                <p>
                body设置100%高度后，在移动浏览器里面可能会被底部的导航栏挡住:
                </p>
                <img src="assets/mtips/pic/body-full-height.png" alt="body full height"/>
            </div>
            <div class="control-content sc">各移动浏览器经常出现</div>
            <div class="control-content sc">
                <p>
                    利用JS重置文档元素的高度：
                </p>
                <pre>
                <code class="code">
document.documentElement.style.height = window.innerHeight + 'px'                
                </code>
                </pre>
            </div>
        </div>

    </div>



</div>
